<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--引入 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <!-- 必须先引入vue，  后使用element-ui -->
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <!-- 引入element 的组件库-->
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <script type="text/javascript" src="/admin/plugin/element-ui/httpVueLoader.js"></script>

    <!--引入layui组件-->
    <link rel="stylesheet" href="/admin/plugin/layui/dist/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"  media="all">
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1"></script>

</head>
<body>
<div id="app">
    <el-tree :lazy="true"  ref="tree" :highlight-current="true" :default-expanded-keys="treeData" show-checkbox node-key="id" :props="defaultProps" :expand-on-click-node="false" :load="getData" @node-click="handleNodeClick"></el-tree>
</div>

<script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>
<script>

    var vm = new Vue({
        el: '#app',
        data: {
            treeData:["0000"],
            parmsData:{},
            defaultProps: {
                children: 'children',
                label: 'title'
            }
        },
        created(){
            this.parmsData = getParams();
            // this.getData();
        },
        methods:{
            getCheckedKeys() {
                return this.$refs.tree.getCheckedKeys();
            },
            handleNodeClick(treeNode) {
            },
            //获取数据
            async getData(item,resolve){
                let parms = {};
                if(item.data == undefined){
                    parms = {type:"0",colIds:this.parmsData.ids};
                }else {
                    parms = {type:item.data.type,colIds:this.parmsData.ids,pid:item.data.id};
                }
                const resa = await post("/admin/api/FieldManagementController/copyOtherProjectTree", parms);
                const res = resa;
                let listdata = [];
                for(let a=0;a<res.length;a++){
                    listdata.push({
                        title: res[a].name
                        ,id: res[a].id,
                        type:res[a].type
                    });
                }
                resolve(listdata);
            }
        }
    });


    function getData(){
        return vm.getCheckedKeys();
    }

</script>
</body>
</html>